@charset "UTF-8";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
.m-select {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    min-width: 150px;
	color:$color03;
	font-size:$fs15;
	.select-box {
	    position:relative;
		@extend .flex-row;
		line-height:1.8rem;
		padding:0.8rem 0 1rem;
		margin:0 1.4rem;
		.card-icon,.select-input,.bs-caret{
			align-self:center;
		}
		.select-input{
			@extend .flex-item;
		}
		.card-icon{
			padding-right:1rem;
		}
		.bs-caret{
			padding-left:1rem;
		}
	}
	.icon-card{
		@include mix-card();
	}
	.icon-caret{
		@include mix-caret();
	}
	.select-dropdown{
		position: absolute;
		width: 100%;
		background-color:$bg00;
		z-index: 1;

		li{
			padding:0.6rem 1.4rem 0;
			.option-inner{
				position:relative;
				padding-bottom:0.6rem;
			} 
			&.active{
				background-color:$bg02;
			}
		}
	}
	.shadingline{
		background:url("/images/shadingline.png") no-repeat center center;
		background-size:100%;
		height:0.3rem;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
	}
}
.hidden{
	display:none;
}

